{% extends "pos/base.html" %}
{% load static %}

{% block title %}Terms & Conditions{% endblock %}

{% block content %}
<div class="container-fluid mt-3">
  <div class="mb-2">
    <h4 class="mb-0">Terms &amp; Conditions</h4>
    <small class="text-muted">
      Tenant: {{ tenant_label }} (ID: {{ tenant_id }})
    </small>
  </div>

  <p class="text-muted small">
    Har section alag block hai. Aap multiple lines likh sakte hain.
    Basic HTML allowed hai, jaise:
    <code>&lt;strong&gt;Important&lt;/strong&gt;</code>,
    <code>&lt;br&gt;</code>,
    <code>&lt;span style="font-size:12px"&gt;small text&lt;/span&gt;</code>.
  </p>

  <form method="post" class="card p-3">
    {% csrf_token %}

    {% for field in form %}
      <div class="mb-4">
        <label class="form-label">{{ field.label }}</label>
        {{ field }}
        {% if field.help_text %}
          <small class="text-muted d-block">{{ field.help_text|safe }}</small>
        {% endif %}
      </div>
    {% endfor %}

    {% if form.non_field_errors %}
      <div class="alert alert-danger">
        {{ form.non_field_errors }}
      </div>
    {% endif %}

    <div>
      <button type="submit" class="btn btn-primary">
        Save terms
      </button>
      <a href="{% url 'hotel:dashboard' %}" class="btn btn-light ms-2">
        Back
      </a>
    </div>
  </form>
</div>
{% endblock %}